<%--
  Created by IntelliJ IDEA.
  User: win10
  Date: 2017/5/29
  Time: 11:07
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no,
     initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="${ctx}/static/h5/css/public/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="${ctx}/static/h5/css/personal/index.css"/>
    <title></title>
</head>
<body id="ancestor">
<div id="familyData" class="family-list">
    <div class="member-application-head">
        <a href="javascript:;" onclick="window.history.back()" class="go-backk">
            <i class="fa fa-angle-left" aria-hidden="true"></i>
            <span>返回</span>
        </a>
        <h4>家族数据</h4>
    </div>
    <div>
        <input hidden="hidden" class="fId" value="${fId}">
        <input hidden="hidden" class="m" value="${m}">
        <input hidden="hidden" class="f" value="${f}">
        <input hidden="hidden" class="alive" value="${alive}">
        <input hidden="hidden" class="noalive" value="${noalive}">
        <ul>
            <li>
                <a href="/h5/family/familydatass" class="ever">每一代人数（共<span class="count-detail">${count}</span>人）<span class="badge pull-right jifen-count">查看详情</span></a>
            </li>
            <li>
                <a href="/h5/family/familydataSexs" class="women">男/女(<span class="count-detail">${m}</span>/<span class="count-detail">${f}</span>)
                    <span class="badge pull-right jifen-count">查看详情</span></a>
            </li>
            <li>
                <a href="/h5/family/familydatAlive" class="toalive">在世/去世(<span class="count-detail">${alive}</span>/<span class="count-detail">${noalive}</span>)
                    <span class="badge pull-right jifen-count">查看详情</span></a>
            </li>
            <li>
                <a href="/h5/family/familydatArea">区域分布<span class="badge pull-right jifen-count">查看详情</span></a>
            </li>
        </ul>
    </div>
</div>
</body>
<script src="${ctx}/static/h5/js/public/jquery-2.2.3.min.js"></script>
<script src="${ctx}/static/h5/js/public/bootstrap.min.js"></script>
<script>
    $(function () {
        var fId=$(".fId").val();
        $(".ever").on("click",function () {
            var url="/h5/family/familydatass?fId="+fId;
            $(this).attr("href",url);
        })
        var m=$(".m").val();
        var f=$(".f").val();
        $(".women").on("click",function () {
             var url="/h5/family/familydataSexs?m="+m+"&f="+f;
             $(this).attr("href",url);
        })
        var alive=$(".alive").val();
        var noalive=$(".noalive").val();
        $(".toalive").on("click",function () {
            var url="/h5/family/familydatAlive?alive="+alive+"&noalive="+noalive;
            $(this).attr("href",url);
        })

    })
</script>
</html>